<template>
    <el-container style="height:100%" direction="vertical">
        <el-header height="260px">
            <div style="box-shadow:0 2px 0px #08B4A0;height:160px;width:100%;">
                <div style="float:left;width:100%;height:40px;background-color:#999999">
                    <div style="float:right;width:120px;height:30px;">

                        <el-button type="text" style="float:right;color:white">立即注册</el-button>
                        <div style="background-color:white;width:2px;height:14px;float:right;margin-top:13px;margin-left:2px;margin-right:2px;">
                        </div>
                        <el-button type="text" style="float:right;color:white">登录</el-button>
                    </div>
                </div>
                <img src="../assets/logo.png" style="margin-left:20px;float:left;width:150px;height:120px;margin-top:1px;background-color: #555555;" />
                <div class="mdtabs">
                    <el-menu :default-active="1" class="el-menu-demo" active-text-color="#08B4A0" mode="horizontal" @select="handleSelect">
                        <el-menu-item index="1">所有任务</el-menu-item>
                        <el-menu-item index="2">热门任务</el-menu-item>
                        <el-menu-item index="3">推荐任务</el-menu-item>
                    </el-menu>
                </div>
                <div style="float:right;width:120px;height:130px;margin-top:80px;">
                    <el-dropdown :hide-on-click="false">
                        <span class="el-dropdown-link">
                            会员中心
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>我的</el-dropdown-item>
                            <el-dropdown-item>猎手中心</el-dropdown-item>
                            <el-dropdown-item>悬赏中心</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>
            <div style="width:100%;height:100px;background-color:#f3f5f4;margin-top:2px;">
                <div style="background-color:#08B4A0;float:left;margin-top:1px;height:100px;width:66%;background-color:#f3f5f4;">
                    <el-input style="margin-left:20px;margin-top:30px;" placeholder="搜索职位,公司或地点" v-model="input4">
                        <el-button slot="append" style="background-color:#08B4A0;color:white;">
                            <span>搜索</span>
                        </el-button>
                    </el-input>
                </div>
                <el-button style="margin-right:-100px;background-color:#08B4A0;color:white;margin-top:30px;float:right;width:120;height:40px;">发布任务</el-button>

            </div>
        </el-header>
        <el-container>
            <el-aside width="66%">
                <div style="width:100%;" class="outclass">
                    <div style="width:10%;height:40px;float:left;margin-top:30px;">行业</div>
                    <div style="width:90%;float:right;">
                        <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
                            <el-submenu index="1">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>

                        </el-menu>
                    </div>
                </div>
                <div style="width:100%;" class="outclass">
                    <div style="width:10%;height:40px;float:left;margin-top:30px;">职能</div>
                    <div style="width:90%;float:right;">
                        <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
                            <el-submenu index="1">
                                <template slot="title">我的工作台</template>
                                <el-menu-item class="itemmenu" index="2-1">选项1</el-menu-item>
                                <el-menu-item class="itemmenu" index="2-2">选项2</el-menu-item>
                                <el-menu-item class="itemmenu" index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="2">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="3">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="4">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="5">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="6">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="7">
                                <template slot="title">我的工作台</template>
                                <el-menu-item class="itemmenu" index="2-1">选项1</el-menu-item>
                                <el-menu-item class="itemmenu" index="2-2">选项2</el-menu-item>
                                <el-menu-item class="itemmenu" index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="8">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                            <el-submenu index="9">
                                <template slot="title">我的工作台</template>
                                <el-menu-item index="2-1">选项1</el-menu-item>
                                <el-menu-item index="2-2">选项2</el-menu-item>
                                <el-menu-item index="2-3">选项3</el-menu-item>
                            </el-submenu>
                        </el-menu>
                    </div>
                </div>
                <div style="width:100%;" class="outclass">
                    <div style="width:10%;height:40px;float:left;margin-top:30px;color:#08B4A0;">工作地点</div>
                    <div style="width:90%;float:right;">
                        <el-button type="text" style="float:left;margin-left:20px;margin-top:10px;text-align:center;font-size:15px;color:#999999">北京</el-button>
                        <el-button type="text" style="float:left;margin-left:20px;margin-top:10px;text-align:center;font-size:15px;color:#999999">上海</el-button>
                        <el-button type="text" style="float:left;margin-left:20px;margin-top:10px;text-align:center;font-size:15px;color:#999999">深圳</el-button>
                        <el-button type="text" style="float:left;margin-left:20px;margin-top:10px;text-align:center;font-size:15px;color:#999999">成都</el-button>
                        <el-button type="text" style="float:left;margin-left:20px;margin-top:10px;text-align:center;font-size:15px;color:#999999">其他</el-button>
                    </div>
                </div>
                <div style="margin-top:10px;width:98%;height:60px;border-bottom:1px solid #999999;">
                    <div style="width:50%;height:50px;float:left">
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:15px;color:#999999">我关注的行业</el-button>
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:15px;color:#999999">文关注的智能</el-button>
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:15px;color:#999999">我的标签</el-button>
                    </div>
                    <div style="width:50%;height:50px;float:right">
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:13px;color:#999999">发布日期
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:13px;color:#999999">截止日期
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:13px;color:#999999">赏金
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                        <el-button type="text" style="color:black;float:left;margin-top:10px;margin-left:20px;text-align:center;font-size:13px;color:#999999">认领数
                            <i class="el-icon-arrow-down el-icon--right"></i>
                        </el-button>
                    </div>
                </div>
                <div v-for="item in items" :key="item">
                    <div style="margin-top:10px;width:98%;height:160px;border:1px solid #e9e9e9">
                        <div style="width:66%;float:left;">
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:15px;color:#08B4A0;">高级产品经理
                                <span style="font-size:13px;color:#999999;margin-left:20px;">【三天前发布】</span>
                            </p>
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:11px;">{{item}}</p>
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:13px;color:#e25d4d;">20-40年|北京-朝阳区|本科|3-5年|互联网金融</p>
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:11px;color:#999999;">发布日期：2018-02-11 &nbsp;&nbsp;&nbsp;&nbsp; 截止日期：2016-09-11&nbsp;&nbsp;&nbsp;&nbsp;认领数：999</p>
                        </div>
                        <div style="width:34%;float:right;">
                            <p style="margin-right:40px;margin-top:30px;float:right; display:block;font-size:20px;color:block">悬赏
                                <span style="color:#e25d4d">¥200.00</span>
                            </p>
                            <div style="width:100%;float:right;height:100px;">
                                <el-button type="text" style="color:#08B4A0;float:right;margin-right:20px;margin-top:60px;text-align:center;font-size:15px;">查看详情</el-button>
                                <div style="background-color:#08B4A0;width:2px;height:14px;float:right;margin-top:74px;margin-left:2px;margin-right:2px;">
                                </div>
                                <el-button type="text" style="color:#08B4A0;float:right;margin-right:1px;margin-top:60px;text-align:center;font-size:15px;">领取任务</el-button>
                            </div>

                        </div>
                    </div>
                </div>
                <el-pagination style="margin-top:30px;margin-bottom:30px;" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage3" :page-size="100" layout="prev, pager, next, jumper" :total="1000">
                </el-pagination>
            </el-aside>
            <el-main width="200px">
                <div style="margin-top:10px;width:100%;height:200px;border:1px solid #08B4A0">
                    <h3 style="margin-left:10px;text-align:left">我关注的行业</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;margin-top:100px;">
                        <p style="margin-top:10px;text-align:center; display:block;">您还没有登录，
                            <span style="color:#08B4A0;">立即登录</span>
                        </p>
                    </div>
                </div>
                <div style="margin-top:10px;width:100%;height:200px;border:1px solid #08B4A0">
                    <h3 style="margin-left:10px;text-align:left">我关注的职位</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;margin-top:100px;">
                        <p style="margin-top:10px;text-align:center; display:block;">您还没有登录，
                            <span style="color:#08B4A0;">立即登录</span>
                        </p>
                    </div>
                </div>
                <div style="margin-top:10px;width:100%;height:100px;border:1px solid #08B4A0">
                    <h3 style="margin-left:10px;text-align:left">我的标签</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;margin-top:30px;">
                        <p style="margin-top:10px;text-align:center; display:block;">您还没有登录，
                            <span style="color:#08B4A0;">立即登录</span>
                        </p>
                    </div>
                </div>
                <div style="margin-top:10px;width:100%;border:1px solid #08B4A0;padding-bottom:20px;">
                    <h3 style="margin-left:10px;text-align:left">热门行业</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;">
                        <el-button type="info" v-for="item in items" plain style="width:96px; margin-left:20px;margin-top:10px;color:white;background-color:#08B4A0">{{item}}</el-button>

                    </div>
                </div>
                <div style="margin-top:10px;width:100%; padding-bottom:20px;border:1px solid #08B4A0;">
                    <h3 style="margin-left:10px;text-align:left">热门职位</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;">
                        <el-button type="info" v-for="item in items" plain style="width:96px; margin-left:20px;margin-top:10px;color:white;background-color:#08B4A0">{{item}}</el-button>
                    </div>
                </div>
                <div style="margin-top:10px;width:100%; padding-bottom:20px;border:1px solid #08B4A0">
                    <h3 style="margin-left:10px;text-align:left">最新获奖记录</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;">
                        <div v-for="item in items" :key="item">
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:13px;">猎手
                                <span style="color:#08B4A0;">133******8767</span>上传简历通过审核
                                <span style="margin-right:20px;float:right">获得
                                    <span style="color:#08B4A0;">10</span>元奖金</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div style="margin-top:10px;width:100%; padding-bottom:20px;border:1px solid #08B4A0;">
                    <h3 style="margin-left:10px;text-align:left">本月猎手所得奖金榜</h3>
                    <div style="width:100%;height:1px;margin-top:1px;background-color:#08B4A0"></div>
                    <div style="width:100%;">
                        <div v-for="(item, index) in items" :key="item">
                            <p style="margin-left:20px;margin-top:30px;text-align:left; display:block;font-size:13px;">{{index+1}}.
                                <span style="color:08B4A0;">133******8767</span>
                                <span style="color:#08B4A0;margin-right:20px;float:right">¥89.00</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div style="margin-top:20px;">
                    <el-carousel height="150px">
                        <el-carousel-item v-for="item in 4" :key="item">
                            <h3>{{ 888 }}</h3>
                        </el-carousel-item>
                    </el-carousel>
                </div>
            </el-main>
        </el-container>
        <el-footerself>
            <div class="outclass">
                <div class="outclass" style="float:left;width:66%;margin-top:1px;">
                    <el-row style="position:relative;left:20px;">
                        <el-button type="text" style="float:left;color:black">关于我们</el-button>
                        <el-button type="text" style="float:left;margin-left:60px;color:black">招贤纳士</el-button>
                        <el-button type="text" style="float:left;color:black;margin-left:60px;">联系我们</el-button>
                        <el-button type="text" style="float:left;color:black;margin-left:60px;">帮助中心</el-button>
                    </el-row>
                    <div class="footerself-top">
                        <ul>
                            <li>
                                <dl class="link-list">
                                    <dd>
                                        <a href="/help/help1-1.htm">xx网站</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help1-2.htm">xx网站</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help1-3.htm">xx网站</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help1-4.htm">xx网站</a>
                                    </dd>
                                </dl>
                            </li>
                            <li>
                                <dl class="link-list">
                                    <dd>
                                        <a href="/help/help2-1.htm">常见问题</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-2.htm">更多帮助</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-3.htm">意见反馈</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-4.htm">隐私权条款</a>
                                    </dd>
                                </dl>
                            </li>
                            <li>
                                <dl class="link-list">
                                    <dd>
                                        <a href="/help/help3-1.htm">新浪微博</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help3-2.htm">官方微信</a>
                                    </dd>
                                </dl>
                            </li>
                            <li>
                                <dl class="link-list">
                                    <dd>
                                        <a href="/help/help2-1.htm">常见问题</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-2.htm">更多帮助</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-3.htm">意见反馈</a>
                                    </dd>
                                    <dd>
                                        <a href="/help/help2-4.htm">隐私权条款</a>
                                    </dd>
                                </dl>
                            </li>
                        </ul>
                    </div>
                    <div style="height:20px;margin-top:1px;width:1000px;margin-left:20px;">
                        <p style="font-size:12px">Copyright © 2018-2022All Rights Reserved 版权所有潍坊猎户网络科技有限公司</p>
                    </div>
                </div>
                <div class="outclass" style="float:right;width:34%;height:140px;margin-top:1px;">
                    <div style="float:left;width:50%;height:140px;">
                        <img src="../assets/logo.png" style="width:80px;height:80px;" />
                        <p>赏金猎手APP</p>
                    </div>
                    <div style="float:right;width:50%;height:140px;">
                        <img src="../assets/logo.png" style="width:80px;height:80px;" />
                        <p>赏金猎手微信公众号</p>
                    </div>
                </div>
            </div>
            <div class="fotBtmIcon">
                <a id="fotBm_0" href="//fanqizha.58.com" tongji_tag="fqz_58homepage_footer2_click"></a>
                <a id="fotBm_1" href="//report.12377.cn:13225/toreportinputNormal_anis.do"></a>
                <a id="fotBm_2" href="//www.12377.cn/node_548446.htm"></a>
                <a id="fotBm_3" href="//img.58cdn.com.cn/ui6/index/qyxinyong.jpg?v=3"></a>
                <a id="fotBm_4" href="//img.58cdn.com.cn/ui6/index/qyxinyong.jpg?v=3"></a>
                <a id="fotBm_5" href="//about.58.com/fqz/index.html"></a>
            </div>
            <!-- <div class="footerself">
              <div class="footerself-con">
                  <div class="footerself-top">
                      <ul>
                          <li>
                              <dl class="link-list">
                                  <dd><a href="/help/help1-1.htm">xx网站</a></dd>
                                  <dd><a href="/help/help1-2.htm">xx网站</a></dd>
                                  <dd><a href="/help/help1-3.htm">xx网站</a></dd>
                                  <dd><a href="/help/help1-4.htm">xx网站</a></dd>
                              </dl>
                          </li>
                          <li>
                              <dl class="link-list">
                                  <dd><a href="/help/help2-1.htm">常见问题</a></dd>
                                  <dd><a href="/help/help2-2.htm">更多帮助</a></dd>
                                  <dd><a href="/help/help2-3.htm">意见反馈</a></dd>
                                  <dd><a href="/help/help2-4.htm">隐私权条款</a></dd>
                              </dl>
                          </li>
                          <li>
                              <dl class="link-list">
                                  <dd><a href="/help/help3-1.htm">新浪微博</a></dd>
                                  <dd><a href="/help/help3-2.htm">官方微信</a></dd>
                              </dl>
                          </li>
                          <li>
                              <dl class="link-list">
                                  <dd><a href="/help/help2-1.htm">常见问题</a></dd>
                                  <dd><a href="/help/help2-2.htm">更多帮助</a></dd>
                                  <dd><a href="/help/help2-3.htm">意见反馈</a></dd>
                                  <dd><a href="/help/help2-4.htm">隐私权条款</a></dd>
                              </dl>
                          </li>
                      </ul>
                  </div>
                  <div class="footerself-bottom">
                      <div class="link fl">
                          <a href="/aboutUs.htm">关于我们</a>
                          <a href="/timeLine.htm">发展历程</a>
                          <a href="/contactUs.htm">联系我们</a>
                          <a href="/recruiting.htm">人才招募</a>
                      </div>
                      <div class="copyRight fr">
                          <a href="http://www.shca.gov.cn/" target="_blank">沪B2-20150145</a>
                          <a href="http://www.miitbeian.gov.cn/" target="_blank">沪ICP备13006480号-2</a>
                          <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011302004261" class="beian-link"><img src="picture/beian-icon.d0289dc.png">沪公网安备 31011302004261号</a>
                      </div>
                      <div class="footerself-copyRight">
                          <p>增值电信业务经营许可证</p>
                          <p>沪B2-20150145沪ICP备13006480号-2</p>
                          <p>沪公安网备 31011302004261号Copyright 2015-2020</p>
                          <p>www.hunteron.com</p>
                      </div>
                  </div>
              </div>
          </div> -->
        </el-footerself>
    </el-container>
</template>
<style>
.fotBtmIcon {
    background: red;
    height: 58px;
    text-align: left;
}

.fotBtmIcon a {
    display: inline-block;
    height: 38px;
    margin-left: 10px;
    background: url(../assets/footbtmicon.png) no-repeat;
}

#fotBm_0 {
    width: 144px;
    background-position: 0 -295px
}

#fotBm_1 {
    width: 188px;
    background-position: 0 0
}

#fotBm_2 {
    width: 168px;
    background-position: 0 -59px
}

#fotBm_3 {
    width: 118px;
    background-position: 0 -118px
}

#fotBm_4 {
    width: 141px;
    background-position: 0 -177px
}

#fotBm_5 {
    width: 129px;
    background-position: 0 -23
}

.el-menu-item {
    display: inline;
}

.md-app {
    max-height: 400px;
    border: 1px solid rgba(#000, .12);
}

.mdtabs {
    float: left;
    padding-left: 180px;
    padding-top: 60px;
    width: 400px;
}

.el-header,
.el-footerself {
    color: #333;
    text-align: center;
    line-height: 0px;
    margin-left: -40px;
    margin-right: -40px;
}

.el-aside {
    color: #333;
    text-align: center;
    line-height: 0px;
}

.input-with-select .el-input-group__prepend {
    background-color: #333;
}

.el-main {
    color: #333;
    text-align: center;
    line-height: 0px;
}

.el-dropdown-link {
    cursor: pointer;
    color: #08B4A0;
}

.el-icon-arrow-down {
    font-size: 12px;
}

.el-submenu {
    height: 40px;
    width: 100px;
    padding-right: 0px;
}

.el-submenu__title {
    height: 30px;
}

.outclass::after {
    content: "";
    display: table;
    clear: both;
}

.el-menu--horizontal {
    border-bottom: 0px;
    list-style: none;
}

.el-submenu__title .el-icon-arrow-down::before {
    content: ''
}

.el-menu-item {
    border-bottom-width: 0px;
}

.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
}

.el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
}


/*==========footerself==========*/

.footerself {
    margin-top: 50px;
    background: url("../assets/logo.png") left top no-repeat #141414;
    background-size: 100% auto;
}

.footerself-con {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footerself-top {
    /* padding-top:50px;
    overflow:hidden; */
}

.footerself-top ul {
    padding: 0;
    margin: 0;
    min-width: 120px;
    margin-right: 10px;
    list-style: none;
}

.footerself-top::after {
    content: "";
    display: table;
    clear: both;
}

.footerself-top ul::after {
    content: "";
    display: table;
    clear: both;
}

.footerself-top ul li {
    float: left;
    min-width: 120px;
    margin-right: 0px;
    list-style: none;
}

.footerself-top ul li:last-child {
    margin-right: 0;
}

.footerself-top .company-info img {
    width: 193px;
    margin-bottom: 30px;
}

.footerself-top .company-info p {
    color: #999;
}

.footerself-top .company-info p b {
    color: #fff;
    font-size: 20px;
    margin-right: 5px;
}

.footerself-top .company-info h3 {
    margin-top: 10px;
    color: #FA3E25;
    font-size: 20px;
}

.footerself-top .company-info span {
    font-size: 18px;
    margin-left: 5px;
}

.footerself-top .link-list dt {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
}

.footerself-top ul li::after {
    content: "";
    display: table;
    clear: both;
}

.footerself-top .link-list dd {
    padding-left: 20px;
    margin: 0;
    line-height: 26px;
    text-align: left;
    display: block;
}

.footerself-top .link-list dd a {
    color: #999;
    text-decoration: none;
    font-size: 12px;
}

.footerself-top .link-list dd a:hover {
    text-decoration: underline;
}

.footerself-bottom {
    line-height: 60px;
}

.footerself-copyRight {
    display: none;
}

.footerself-bottom .link {
    margin: 23px 0;
}

.footerself-bottom a {
    float: left;
    color: #999;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #999;
    line-height: 14px;
}

.footerself-bottom a:hover {
    text-decoration: underline;
}

.footerself-bottom .link a:last-child,
.footerself-bottom .copyRight a:last-child {
    border-right: 0;
}

.footerself-bottom .copyRight {
    color: #999;
    margin: 23px 0;
}

#wrap a {
    color: #FFF;
}

#wrap a:hover {
    color: #f13f6a;
}

.wrapW a {
    color: #FFF;
}

.wrapW {
    width: 1010px;
    margin: 0 auto;
}

.wrapW a:hover {
    color: #f13f6a;
}

.link p {
    display: inline-block;
    width: 60%;
    float: left;
    padding: 10px 0;
    font-size: 14px;
}

.information {
    clear: both;
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #000;
    color: #FFF;
    text-align: center;
}

#eventList {
    margin-top: 20px;
}

#eventList .event {
    display: inline-block;
    margin: 0 15px 20px;
    text-align: center;
}

#eventList .eventTitle {
    display: block;
    padding: 10px;
    font-size: 16px;
}

#eventList .event img {
    width: 289px;
    height: 122px;
}
</style>

<script>
export default {
    name: 'Waterfall',
    data: function() {
        return {
            items: ['互联网金融', '供应链', '供应链', '销售', '新零售', '供应链', '销售', '新零售', '供应链', '销售', '新零售', '供应链'],
            isShow: false
        }
    },
    methods: {
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
    }
}
</script>
